<html>

<head>
  <meta charset="UTF-8">
  <title>testSelfVue</title>
  <script src="../js/dep.js" charset="utf-8"></script>
  <script src="../js/observe.js" charset="utf-8"></script>
  <script src="../js/watcher.js" charset="utf-8"></script>
  <script src="../js/SelfVue.js" charset="utf-8"></script>
</head>

<body>
  <h1 id='name'>{{name}}</h1>
  <script type="text/javascript">
    var el = document.querySelector('#name');
    var selfdata = {
      name: 'Hello World'
    }
    var SelfVue = new SelfVue(selfdata, el, 'name')
    setInterval(function() {
      selfdata.name = 'bye bye world' + new Date().getMilliseconds()
    }, 2000);
  </script>

</body>